﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>BingoTouch WebApp</title>
    <meta name="viewport" content="user-scalable=no" />
    <link rel="stylesheet" href="common/jquery.mobile-1.1.0.min.css" />
    <link rel="stylesheet" href="common/BingoTouch.css" />
    <script src="common/iscroll.js"></script>
    <script src="common/jquery-1.7.1.min.js"></script>
    <script src="common/jquery.mobile-1.1.0.min.js"></script>
    <script src="common/BingoTouch.js"></script>
    <script type="text/javascript" src="scripts/common.js"></script>
<script>
    BingoTouch.ready = function () {
        BingoTouch.WebView.wait(true);

        //有ID时显示特定ID的用户信息，否则显示当前用户信息'
        var id = BingoTouch.WebView.getPageParameter() || currentUser.Id;
        ReqGet(GetUserAccountById + id, true, function (userInfo) {
            $('#face').attr('src', context_path + (!!userInfo.Face ? userInfo.Face : 'images/NoFace.gif'));
            $('#Name').html(userInfo.Name);
            $('#Consume').html(Math.abs(userInfo.Consume));
            $('#Balance').html(userInfo.Balance);
            $('#AttendTimes').html(userInfo.AttendTimes);
            $('#CreatedDate').html(userInfo.CreatedDate);

            $("#telCall").tap(function (e) {
                BingoTouch.Device.call(userInfo.MobilePhone, netCallBack);

            });

            InitModule();
            BingoTouch.WebView.wait(false);
        });

    };
</script>
</head>
<body>
<div data-role="page" class="container">
    <div class="header" fixed="top">
        <div class="header-left">
            <div class="btn-back" data-role="BTButton" data-url="home.html">返回</div>
        </div>
        <h1 class="title">会员详细信息</h1>
        <div class="header-right">
            <div class="btn-primary" data-role="BTButton" id="refresh">
                <img src="demo/statics/images/icon-refresh.png" alt=""/>
            </div>
        </div>
    </div>
	<div class="content">
    	<div class="content">
        	<div class="content-inner" style="padding-top:80px;">
            
 			<ul class="list-view">
				<li><div data-role="BTButton" class="btn-active"><img id="face" alt="face" />姓名：<span id="Name"></span></div></li>
				<li><div data-role="BTButton">入会时间：<span id="CreatedDate"></span></div></li>
				<li><div data-role="BTButton">缴费金额：<span id="Balance"></span>元</div></li>
				<li><div data-role="BTButton">消费金额：<span id="Consume"></span>元</div></li>
				<li><div data-role="BTButton">参加次数：<span id="AttendTimes"></span>次</div></li>
			</ul>			
           
			<div class="btn-primary btn-large" data-role="BTButton" id="telCall">拨打电话</div>

            <br />
            <br />
        </div>
	</div>

    <!-- 底部导航 -->
	<div class="footer" fixed="bottom">			
		<div class="navbar">
			<ul class="grid-d" sonmenu="true" sonmenu-dir="top">
				<li><div data-role="BTButton" class="btn-inverse" data-icon="demo/statics/images/icon-home.png" icon-dir="top" mouseup="false" data-url="home.html">报名</div></li>
				<li><div data-role="BTButton" class="btn-inverse" data-icon="demo/statics/images/icon-list.png" icon-dir="top" mouseup="false" data-url="finance.html">财务</div></li>
				<li><div data-role="BTButton" class="btn-inverse btn-active" data-icon="demo/statics/images/icon-search.png" icon-dir="top" mouseup="false" data-url="account.html">账户</div></li>
				<li><div data-role="BTButton" class="btn-inverse" data-icon="demo/statics/images/icon-setting.png" icon-dir="top" mouseup="false" data-url="contact.html">成员</div></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>